<template>
   <view class="page pd-30">
       <view class="bgCard">
        <image class="wh-100" src="https://cdn.oss.bon-top.cn/static_bc/images/diwen.png"></image>
        <view class="avtorBox flex-center">
            <image  class="img" src="https://cdn.oss.bon-top.cn/static_bc/images/avtor.jpg"></image>  
        </view>
       </view>
       <view class="ft1 mt-40 flex-center pd-10">wwgghhj</view>
       <view class="flex-eve mt-20">
          <view class="tab flex-center">
            <image class="wh-24" src="https://cdn.oss.bon-top.cn/static_bc/images/icon12.png"></image>
            <view class="ft ml-12 c-66">广东深圳</view>
          </view>
          <view class="tab flex-center ft c-66">普通会员</view>
          <view class="tab flex-center ft c-66">白羊座</view>
       </view>
   </view>
</template>

<script setup lang="js">

 </script>

 <style lang="scss" scoped>
.bgCard{
    position: relative;
    width: 690rpx;
height: 240rpx;
background: #DBF046;
border-radius: 40rpx 40rpx 40rpx 40rpx;
.avtorBox{
    position: absolute;
    bottom: -64rpx;
    left: 280rpx;
    width: 128rpx;
height: 128rpx;
background: #FFFFFF;
border: 2rpx solid #DBF046;
border-radius: 50%;
.img{
    width: 112rpx;
    height: 112rpx;
    border-radius: 50%;
}
}
}
.tab{
width: 168rpx;
height: 58rpx;
background: #F8F8F8;
border-radius: 20rpx 20rpx 20rpx 20rpx;
}
</style>